/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-amount() {
  // 卡片背景色
  --ti-card-bg-color: var(--ti-base-color-bg-1);
  // 卡片阴影
  --ti-card-box-shadow: var(--ti-common-shadow-3-down);

  // 卡片最小宽度
  --ti-card-min-width: var(--ti-common-size-auto);
  // 大尺寸卡片的宽度
  --ti-card-large-width: calc(var(--ti-common-size-base) * 144);
  // 中尺寸卡片的宽度
  --ti-card-medium-width: calc(var(--ti-common-size-base) * 96);
  // 小尺寸卡片的宽度
  --ti-card-small-width: calc(var(--ti-common-size-base) * 72);
  // 迷你尺寸卡片的宽度
  --ti-card-mini-width: calc(var(--ti-common-size-base) * 54);

  // 大尺寸卡片的圆角
  --ti-card-large-border-radius: var(--ti-common-border-radius-2);
  // 中尺寸卡片的圆角
  --ti-card-medium-border-radius: var(--ti-common-border-radius-2);
  // 小尺寸卡片的圆角
  --ti-card-small-border-radius: var(--ti-common-border-radius-2);
  // 迷你尺寸卡片的圆角
  --ti-card-mini-border-radius: var(--ti-common-border-radius-1);

  // 成功状态的卡片的边框颜色
  --ti-card-success-border-color: var(--ti-base-color-success-4);
  // 警告状态的卡片的边框颜色
  --ti-card-warning-border-color: var(--ti-base-color-warn-5);
  // 报警状态的卡片的边框颜色
  --ti-card-alerting-border-color: var(--ti-base-color-warn-3);
  // 危险状态的卡片的边框颜色
  --ti-card-danger-border-color: var(--ti-base-color-error-4);
  // 默认状态的卡片的边框颜色
  --ti-card-default-border-color: var(--ti-base-color-common-1);

  // 选中状态的卡片的边框颜色
  --ti-card-checked-border-color: var(--ti-common-color-line-active);
  // 禁用状态的卡片的背景颜色
  --ti-card-disabled-bg-color: var(--ti-common-color-bg-disabled);

  // 大尺寸卡片的logo状态下，body区域的padding值
  --ti-card-large-body-padding: var(--ti-common-space-4x);
  // 中尺寸卡片的logo状态下，body区域的padding值
  --ti-card-medium-body-padding: var(--ti-common-space-3x);
  // 小尺寸卡片的logo状态下，body区域的padding值
  --ti-card-small-body-padding: var(--ti-common-space-3x);
  // 迷你尺寸卡片的logo状态下，body区域的padding值
  --ti-card-mini-body-padding: var(--ti-common-space-2x);

  // 卡片的标题的字体大小
  --ti-card-title-font-size: var(--ti-common-font-size-1);
  // 卡片的标题的字体颜色
  --ti-card-title-text-color: var(--ti-base-color-common-9);
  // 卡片的标题的字重
  --ti-card-title-font-weight: var(--ti-common-font-weight-4);
  // 卡片的正文的字体大小
  --ti-card-main-font-size: var(--ti-common-font-size-base);
  // 卡片的正文的字体颜色
  --ti-card-main-text-color: var(--ti-base-color-common-6);

  // 卡片的选项的文本色
  --ti-card-option-text-color: var(--ti-base-color-common-9);
  // 卡片的选项的文本大小
  --ti-card-option-font-size: var(--ti-common-font-size-1);
  // 卡片的选项的文本大小
  --ti-card-option-top-border-color: var(--ti-base-color-common-1);
  // 卡片的选项禁用时的文本色
  --ti-card-option-disabled-text-color: var(--ti-common-color-text-disabled);
  // 卡片的'更多'的字体颜色
  --ti-card-footer-more-text-color: var(--ti-base-color-common-9);
}
